/*
 * Desenvolvido por: 2012 Eduardo Bertolucci  (http://www.eduardobertolucci.com)
 * Data da Cria��o: 09-02-2012
*/

/* Global ================================================================================ */
html { overflow:-moz-scrollbars-vertical; } /* rolagem firefox */
/* ======================================================================================= */

/* Tipografia, cores e fundos / Reset ===================================================== */
* { margin:0; padding: 0; font-family: Trebuchet MS !important; }
h1 { font-size: 18px; color:#cccccc;}
h2 {  margin: 0 7px 7px 37px; width: 870px;; font-size: 16px; font-weight: normal; line-height:160%; color: #B3B3B3; border-bottom: 1px inset #B3B3B3; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }
ul { list-style:none; }
p { line-height:130%; margin:2px 0 15px 0; font-size: 14px; text-align: justify}
button { background:none; border:0; }
a images {border:none !important; }

/* Elementos de formulário */
label { }
input, select, textarea { background:none; border:0; padding:0; }
textarea { overflow:auto; }

/* Links */
a { text-decoration:none; }
a:hover { text-decoration:underline; }
/* ======================================================================================= */

/* Layout ================================================================================ */
#tudo { position:relative; }


/* Cabeçalho */
#cabecalho { width: auto; background: url(../images/bg_menu.jpg) 0 149px repeat-x; position:relative; z-index:3 }
#cabecalho-container { 
      width:998px; 
      height:193px; 
      margin: 0 auto; 
}

/* Logo */
#cabecalho-container .logo { margin:0; padding:0; position: relative; top: 0px; left: 0 }
#cabecalho-container .logo a { width:428px; height:148px; float:left; }

/* Menu */
#cabecalho-container .menu { clear: both; height: 40px; margin-left: 6%; font-family: Trebuchet MS}
#cabecalho-container .menu li { float: left; margin-right: 60px; position: relative; }
#cabecalho-container .menu li a { display: block; height: 35px; padding: 2px 1px 0px 10px; font-size: 13px; text-decoration:none; color: #fff; background: url(../images/bg_link_mais.png) left 8px no-repeat; }



/* Menu Hover */
/*#cabecalho-container .menu li:hover .submenu { display: block; }*/
#cabecalho-container .menu li a:hover, .ativo { background: url(../images/bg_link_menos.png) left 8px no-repeat; }

/* Submenu */
#cabecalho-container .submenu {background-image: none; position: absolute; left: -10px; top: 21px; left: 0; display: none; width: 110px; height: auto; padding: 0;}
#cabecalho-container .submenu li { background-image: none; width: 70px; margin-right: 0; background: none;}
#cabecalho-container .submenu li a { background-image: none; width: 110px; height: auto; padding: 4px 0 6px 10px; font-size: 12px; color: #B3B3B3; text-decoration:none; border-bottom: 1px solid #B3B3B3;}

/* Submenu Hover */

#cabecalho-container .submenu li a:hover, .ativo {background-image: none; color: #000 }


.rede{
      width: 200px;
      float: right; 
      position: relative;
      top: -36px; 
      right: -5%;
}

.rede li {
      display: inline;
}


/* Corpo */
#corpo { width: auto; }

/* Conte�do */
#conteudo { color: #999999; width:978px; margin: 0 auto; padding: 70px 10px; position: relative; z-index:1}
#conteudoAdmin { color: #999999; width:978px; margin: 0 auto; padding: 70px 10px; position: relative; z-index:1}

.equipe{
      width: 560px;
      margin-left: 100px;
      min-height: 200px;
}

.equipe ul{
      margin-left: 40px;
      float:left;
      line-height:130%; 
      margin:2px 0 15px 0; 
      font-size: 14px; 
      text-align: justify
}

.equipe img {float:right; position: relative}

.slideshow{
      position: relative; 
      top: -70px;
}

.atuacao-dir {
      width: 450px;
      float: right;
      margin-top: 30px;
      min-height: 210px;
}

.atuacao-esq {
      margin-top: 30px;
      width: 450px;
      float: left;
      min-height: 210px;
}
img{float:left}

p{font-size: 14px; text-align: justify}
/* Rodap� */
#rodape { clear: both; width: auto; padding: 2px 0; background:#000;}
#rodape-container { width:998px; margin: 0 auto; font-size: 10px; text-align: center; color: #fff; }
/* ======================================================================================= */

/* Lista de Fotos ======================================================================== */
.lista-fotos { width: 948px; margin: 0 auto; }
.lista-fotos li { float: left; }
.lista-fotos li img { width: 280px; margin: 20px 10px; }
/* ======================================================================================= */

/* Lista de Fotos com Nome =============================================================== */
.lista-fotos-com-nome{ width: 948px; margin: 0 auto; margin-left: 5% }
.lista-fotos-com-nome li { float: left; background: #acaeb2;}
.lista-fotos-com-nome li img {
      width: 210px; 
      margin: 1px 1px;
      filter:gray; 
      -moz-opacity: 0.5; 
      opacity: 0.5;
}
.lista-fotos-com-nome li img:hover {
      filter:none; 
      -moz-opacity: 1; 
      opacity: 1;
}

.lista-fotos-com-nome li strong { 
      position: relative;
      right: 200px;
      top: 75px;
      background: #a39c88;
      width: 210px;
      color: #f5f5f5;
}
/* ======================================================================================= */

/* Complementos ========================================================================== */
.clear { clear: both; }
.no-border { border: none !important; }

/* Mensagem de aviso */
.msg-sucesso { color: #3d6611; }
.msg-erro { color: #df280a; }
.msg-aviso { padding: 5px 10px; margin: 0; font-weight: normal; text-align: center; color: #e26703; }
.msg-sucesso, .msg-erro { padding: 5px 10px; margin: 0; font-weight: bold; text-align: center; }
/* ======================================================================================= */



.fbg p.contact_info {
      line-height:1em;
}
.fbg p.contact_info a {
      color:#f933a0;
      text-decoration:underline;
}
.fbg p.contact_info span {
      display:block;
      float:left;
      width:74px;
      font-weight:bold;
      color:#3f3f3f;
}
ol {
      list-style:none;
}
ol li {
      display:block;
      clear:both;
}
ol li label {
      display:block;
      margin:0;
      padding:16px 0 0 0;
      font-family: Trebuchet MS;
      font-size: 14px;
}
ol li input.text {
      width:480px;
      border:1px solid #c0c0c0;
      margin:0;
      padding:5px 2px;
      height:30px;
      background-color:#fff;
      font-size: 14px;
}
ol li textarea {
      width:480px;
      border:1px solid #c0c0c0;
      margin:0;
      padding:2px;
      background-color:#fff;
}
ol li .send {
      margin:16px 0 0 0;
}
#contato{margin: 30px 0 0 600px;}
#contato p {
      line-height: 10px;
}
